<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>多艺猴</title>
    <link rel="stylesheet" href="styles/base.css">
    <link rel="stylesheet" href="styles/common.css">
    <link rel="stylesheet" href="styles/active.css">
</head>
<body>
<!--开篇动画-->
<div class="loading-page flex align-items-center justify-content-center">
    <div class="loader">
    </div>
    <div class="counter">
        <h1></h1>
    </div>
</div>
<!--music-->
<div class="music">
    <div id="icon"></div>
    <audio id="audio" loop="loop" src="">
        此浏览器不支持audio
    </audio>
</div>
<!--music-->
<!--开篇动画-->
<div id="content"></div>
<script type="text/html" id="test">
<div class="box">
    <!--banner-->
    <div class="banner">
        <img src="{{posters}}">
    </div>
    <!--banner-->
    <!--dir-->
    <div class="tit-warp tit-con2 bgWhite">
        <div class="tit-warp-main case flex align-items-center justify-content-between">
            <span>有<em>{{ orderQuantity}}</em>人抢购</span>
            <span>分享：<em>{{shareQuantity}}</em></span>
            <span>浏览量：<em>{{browseQuantity}}</em></span>
        </div>
    </div>
    <!--人物头像-->
    <div class="actor bgWhite">
        <ul class="case flex justify-content-between align-items-center actorList">
            <li><img src="images/acitve2.jpg" data-num="6" onclick="showModal(this)"/></li>
            <li><img src="images/acitve3.jpg"/></li>
            <li><img src="images/acitve2.jpg"/></li>
            <li><img src="images/acitve3.jpg"/></li>
            <li><img src="images/acitve2.jpg"/></li>
            <li><img src="images/acitve3.jpg"/></li>
            <li><img src="images/acitve2.jpg"/></li>
            <li><img src="images/acitve3.jpg"/></li>
            <li><img src="images/acitve2.jpg"/></li>
            <li><img src="images/acitve3.jpg"/></li>
            <li class="last"></li>
        </ul>
    </div>
    <!--抢购时间-->
    <div class="rushTime flex justify-content-center bgWhite">
        抢购时间：<span class="activestart">{{startDate}}</span>~<span class="activeend">{{endDate}}</span>
    </div>
   <!--校区-->
   <div class="campus">
       <div class="campusMiain">
           <!--校区-->
           {{each categories as value index}}
           <div class="campus_part">
               <div class="campus_partTop bgBlue flex justify-content-between goToShop" data-count="{{index}}">
                   <div class="campus_name">
                       <img src="images/acitve4.jpg" width="25" class="icon"/>
                       <span class="name">{{value.name}}</span>
                   </div>
                   <div class="linkTo bgRed">
                       <a href="javascript:void(0);">前往购买</a>
                   </div>
               </div>
               <div class="campusList bgWhite flex justify-content-between">
                   <ul>
                       {{each value.goods as v i}}
                       <li class="flex justify-content-between">
                           <div class="courseName">
                               <span><img src="{{v.headUrl}}"/></span>
                               <span>{{v.name}}</span>
                           </div>
                           <div class="coursePrice">
                               ￥{{v.marketPrice}}
                           </div>
                       </li>
                       {{/each}}
                   </ul>
               </div>
           </div>
           {{/each}}
           <!--校区-->
       </div>
       <!--前往购买明细-->
       {{each categories as value index}}
       <div class="shopPart ToShopMain{{index}}" >
           <div class="campus_partTop bgWhite flex justify-content-between switch">
               <div class="campus_name">
                   <span>{{value.name}}</span>
               </div>
               <div class="linkTo bgRed">
                   <span>>更换分校<</span>
               </div>
           </div>
           <!--课程详细-->
           <div class="ShopList flex justify-content-between">
               <ul>
                   {{each value.goods as v i}}
                   <li class="flex justify-content-between bgWhite">
                       <div class="courseDir" data-img="{{v.infoUrl}}">
                           <h3><span>推荐</span>{{v.name}}</h3>
                           <dl class="flex">
                               <dd><img src="{{v.headUrl}}"/></dd>
                               <dt>
                                   <p class="money">￥{{v.marketPrice}}</p>
                                   <p class="overplus">已有<span>16</span>人抢购，剩<span>4</span>份</p>
                                   <a href="###" class="tada">详情介绍</a>
                               </dt>
                           </dl>
                           <div class="mark"><img src="images/acitve8.png"/></div>
                       </div>
                       <div class="shopBtn bgYellow flex align-items-center justify-content-center tada" data-price={{v.marketPrice}} data-name={{v.name}} data-id={{v.id}}>
                           立即<br/>购买
                       </div>
                   </li>
                   {{/each}}
               </ul>
           </div>
           <!--课程详细-->
       </div>
       {{/each}}
       <!--前往购买明细-->
  </div>
  <div class="piro_overlay fixed_show">
      <div class="img">
          <img src=""/>
          <div class="closeDown bgRed closePop">x</div>
      </div>
  </div>
  <!--活动详情-->
    <div class="active_section bgYellow">
        <div class="active_tit bgYellow">
            活动详情
        </div>
        <div class="itemPart bgWhite partOne">
            {{rule}}
        </div>
        <div class="itemPart bgWhite partTwo">
            {{prize}}
        </div>
    </div>
    <!--活动详情-->
    <!--联系地址-->
    <div class="active_section bgYellow">
        <div class="active_tit bgYellow">
           联系地址
        </div>
        <div class="itemPart bgWhite address">
            {{contact}}
        </div>
    </div>
    <!--联系地址-->
	<!--品牌介绍-->
    <div class="active_section bgYellow">
        <div class="active_tit bgYellow">
            品牌介绍
        </div>
        <div class="itemPart brand">
        </div>
    </div>
    <!--底部-->
    <div class="bottom">技术支持：摩登秀</div>
</div>
<!--人物弹窗-->
<div class="fixed_show fixed_show6">
    <div class="schoolshow">
        <div class="schoolclose bgRed closePop">抢购名单</div>
        <p class="peopleNum">共有325人抢购</p>
        <ul class="schoolcont" id="peopleList">
            <li class="flex justify-content-between align-items-center">
                <span>
                    <img src="images/acitve2.jpg"/><font>niiii</font>
                </span>
                <span>抢购时间：201202033993</span>
            </li>
        </ul>

    </div>
</div>
<!--人物弹窗-->
<!--活动弹窗-->
<div class="fixed_show fixed_show2">
    <div class="schoolshow">
        <div class="schooltit">活动玩法</div>
        <div class="schoolcont2">
            {{way}}
        </div>
        <div class="schoolclose closePop">我知道了</div>
    </div>
</div>
<!--联系学校弹窗-->
<div class="fixed_show fixed_show5">
    <div class="schoolshow">
        <div class="schooltit">一键拨号</div>
        <div class="schoolcont">
    	{{if categories.length>0}}
            {{each categories as value index}}
        	<li>
        		<span class="schoolname">{{value.name}}</span>
                <a class="schooltel" href="tel:{{value.mobile}}">{{value.mobile}}</a>
            </li>
            {{/each}}
        {{/if}}
        </div>
        <div class="schoolclose closePop">我知道了</div>
    </div>
</div>
</script>
<!--右侧悬浮窗-->
<div class="fixed">
    <div class="code" data-num="1" id="QRCode" data-firstOpenId=""><p>活动<br />二维码</p></div>
    <div class="playing" data-num="2" onclick="showModal(this)"><p>活动<br />玩法</p></div>
    <div class="school" data-num="5" onclick="showModal(this)"><p>联系<br />学校</p></div>
</div>
<!--二维码弹窗-->
<div class="fixed_show fixed_show1">
    <div class="schoolshow">
        <div class="schoolcont1" style="height: auto">
            <img class="close1 closePop" src="images/close1.png" alt="">
            <div class="erbg">
                <img src="" class="QRCode-img"/>
            </div>
        </div>
    </div>
</div>
<!--二维码弹窗-->
<!--返回顶部-->
    <div id="toTop"></div>
<!--我的佣金-->
<a class="myCharges bgRed" href="###">我的<br/>佣金</a>
<!--我的佣金-->
<!--浮动广告底部-->
<div class='linkHref flex align-items-center justify-content-between'>
	<a class="flex align-items-center" href="https://mp.weixin.qq.com/s?__biz=Mzg4NjExMzAxMA==&mid=2247483658&idx=1&sn=8468b264116484c5ae476236305b0076&chksm=cf9fd697f8e85f8179cbe9a47fffc5c62b127257e0f42d0f54ef30aa4a1cf23974cadb6dafd9&xtrack=1&scene=0&subscene=93&clicktime=1553155566&ascene=7&devicetype=android-27&version=2700033b&nettype=WIFI&abtest_cookie=AwABAAoACwATAAQAI5ceAFaZHgDDmR4A3JkeAAAA&lang=zh_CN&pass_ticket=PHMEfTciAh7liQMNWfWX9ziL1Uuna6GBARjxeTFwNO3PYxYB6GgMTQ5z776fyXaI&wx_header=1">
		<img src="images/logo.png"/>
		<span>制作营销活动 >> <font>摩登秀</font></span>
	</a>
	<em id="closeLink"></em>
</div>
<!--浮动广告底部-->
<script type="text/javascript" src="js/zepto.min.js"></script>
<script type="text/javascript" src="js/jweixin-1.4.0.js"></script>
<script type="text/javascript" src="js/wxconfig.js"></script>
<script src="https://cdn.bootcss.com/sweetalert/2.0.2/sweetalert.min.js"></script>
<script src="js/template-web.js"></script>
<script src="js/common.js"></script>
<script src="js/active.js"></script>
</body>
</html>